<template>
  <fs-page>
    <template #header>
      <div class="title">
        登录日志
        <fs-icon icon="ri:login-circle-line" :spin="true" />
      </div>
    </template>
    <fs-crud ref="crudRef" v-bind="crudBinding" />
  </fs-page>
</template>

<script>
  import { defineComponent, ref, onMounted } from 'vue';
  import createCrudOptions from './crud';
  import { useExpose, useCrud } from '@fast-crud/fast-crud';
  export default defineComponent({
    name: 'FeatureExpand',
    setup() {
      const crudRef = ref();
      const crudBinding = ref();

      const { expose } = useExpose({ crudRef, crudBinding });
      const { crudOptions } = createCrudOptions({ expose });

      // eslint-disable-next-line @typescript-eslint/no-unused-vars,no-unused-vars
      const { resetCrudOptions } = useCrud({ expose, crudOptions });
      onMounted(() => {
        expose.doRefresh();
      });
      return {
        crudBinding,
        crudRef,
      };
    },
  });
</script>
